<template>
	<view>
		<view style="position: fixed;width: 750rpx;z-index: 10;padding: 0rpx 32rpx;background: #FFFFFF;margin-top: 30rpx;">
		 <u-search placeholder="搜索" v-model="keyword" :show-action="false" :height="68"></u-search>
		</view>
		<view style="width: 750rpx;height: 100rpx;"></view>
		<view style="margin-top: 28rpx;">
		<u-gap height="16" bg-color="#F2F1F6"></u-gap>
		</view>
		<view class="allwrap">
			<view class="title">深圳市XXX公司</view>
			<view style="margin-top: 33rpx;" v-for="(item,index) in list " :key="index" @click="goMember(item,index)">
			<view class="flexal">
				<image src="/static/user/framework.png" style="width: 98rpx;height: 98rpx;"></image>
				<view class="frame-text">{{item.title}}</view>
				<image src="/static/right.png" style="width: 16rpx;height: 27rpx;"></image>
			</view>
			<view v-if="item.show">
			<view class="flexal" style="margin-left: 129rpx;" v-for="(items,indexs) in item.child" :key="indexs" @click.stop="go('/pages5/framework/member?title=' + item.title)">
				<image src="/static/user/icon4.png" style="width: 15rpx;height: 18rpx;"></image>
				<view class="frame-second">{{items.title}}</view>
			</view>
			</view>
			</view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword:'',
				list:[
					{
						title:'商务部（16）',
						child:[
							{
								title:'二级目录（6）'
							},{
								title:'二级目录（5）'
							},{
								title:'二级目录（5）'
							},
						],
						show:false
					},{
						title:'技术部（15）',
						child:[
							{
								title:'二级目录（5）'
							},{
								title:'二级目录（5）'
							},{
								title:'二级目录（5）'
							},
						],
						show:false
					},{
						title:'人事部（10）',
						child:[
							{
								title:'二级目录（5）'
							},{
								title:'二级目录（5）'
							}
						],
						show:false
					},{
						title:'财务部（8）',
						child:[
							{
								title:'二级目录（4）'
							},{
								title:'二级目录（4）'
							}
						],
						show:false
					},{
						title:'财务部（8）',
						child:[
							{
								title:'二级目录（8）'
							}
						],
						show:false
					},{
						title:'财务部（8）',
						child:[
						],
						show:false
					},
				]
			}
		},
		methods: {
			// 打开二级目录/前往成员列表
			goMember(item,index){
				if(item.child.length == 0){
					this.go('/pages5/framework/member?title=' + item.title)
				}
				this.list[index].show = !this.list[index].show
			}
		}
	}
</script>

<style lang="less">
	.title{
		margin-top: 28rpx;
		font-weight: normal;
		font-size: 36rpx;
		color: #000000;	
	}
	.frame-text{
		margin-left: 25rpx;
		font-weight: 500;
		font-size: 30rpx;
		color: #333333;
		flex: 1;
	}
	.frame-second{
		margin-left: 22rpx;
		padding: 13rpx 14rpx 17rpx 25rpx;
	}
</style>
